<template>
    <div>
        <el-button type="primary" @click="showMessage">主要按钮</el-button>
        <el-link href="#/test" :underline="false">默认链接</el-link>
        <el-link icon="el-icon-edit">编辑</el-link>
        <el-link :underline="false">查看<i class="el-icon-view el-icon--right"></i></el-link>
        <div class="btn-wrap">
            <router-link class="btn text-center" to="/test">asd</router-link>
        </div>
    </div>
</template>
<script>
    export default {
        data () {
            return {
                
            }
        },
        created(){
            
        },
        methods:{
            showMessage(){
                this.$message({
                    showClose: true,
                    message: '错了哦，这是一条错误消息',
                    type: 'error'
                });
            }
        }
    }
</script>

<style lang="less">
    .btn-wrap{
        padding: 16px 0;
        .btn{
            display: block;
            margin: 0 auto;
            height: 30px;
            width: 60px;
            line-height: 30px;
            color: #fff;
            background-color:#1989fa;
            border-radius: 10px;
        }
    }
</style>

